<!DOCTYPE html>
<html lang="en">
<head>
    <meta  charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=0.1">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>个人主页</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="fonts/iconfont.css">
    <script src="js/jquery.min.js"></script>
    <script src="js/index.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/animate.js"></script>
    <link rel="stylesheet" href="css/bootstrap.min.css">

    <style>               
      
        .paralasic {
                background:
                linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)),;
                background-attachment: fixed;
                background-size: cover;
                background-size: 100vw;
                background-position: center top;
                background-repeat: no-repeat;
                background-color: #000000;
        }
           
        </style>
</head>
<body>
    <script>
        Array.prototype.forEach.call(document.querySelectorAll('[data-ripple]'), function(element){
        new RippleEffect(element);
        }); 
        //注册ajax
        function register() {
           
            var username=$("#reg_form_name").val();
            var userpwd=$("#reg_form_pwd").val();
            var sex=$("#reg_sex option:selected").val();
            var profession=$("#profession").val();
            console.log(username+userpwd+sex+profession); //测试
            $.ajax({
                url:"http://localhost:8080/mystie/servlet/RegisterServlet",
                type:"POST",
                dataType:"JSON",
                data:{reg_form_name:username,reg_form_pwd:userpwd,reg_form_sex:sex,reg_profession:profession},
                success:function(data) {
                    
                    console.log(data);
                    if(data.userExit) {
                        $(".hint_error").parent().slideDown(500).children("p").text("你输入的用户名已经存在");
                        $("#reg_form_pwd").val("");
                        $("#profession").val("");
                    }else {
                        if(data.databaseState) {
                            $(".forum_login").hide(500);
                            $(".hint_error").parent().slideDown(500).children("p").text("恭喜你，注册成功！");
                            $("#reg_form_name").val("");
                            $("#reg_form_pwd").val("");
                            $("#profession").val("");

                            //按钮禁用延迟
                        //     $("#reg_btn").attr("disabled",true);
                        //     var i=5;
                        //     var timer=setInterval(function() {
                        //     $("#reg_btn").val(i+"秒后恢复！");
                        //     i--;
                        //     if(i==0) {
                        //         clearInterval(timer);
                        //         $("#reg_btn").val("登录");
                        //         $("#reg_btn").attr("disabled",false);
                        //     }
                        // },1000);
                        }else {
                            
                             $(".hint_error").parent().slideDown(500).children("p").text("服务器未知错误，请稍候再试！");
                        }
                    }
                },
                error:function() {
                    alert("服务器错误，请稍后再试！");
                }
            })
           
            
        }
        //登录ajax
        function login() {
           
                var user_id=$("#log_form_name").val();
                var user_pwd=$("#log_form_pwd").val();
                $.ajax({
                    url:"http://localhost:8080/mystie/servlet/FindUserServlet",
                    type:"POST",
                    dataType:"json",
                    data: {user_id:user_id,user_pwd:user_pwd},
                    success:function(data) {
                        $(".forum_login").hide(500);
                        $(".my_information #id").text(data.user_id);
                        $(".my_information #sex").text(data.user_sex);
                        $(".my_information #zhiye").text(data.user_profession);
                        $(".hint_error").parent().slideDown(500).children("p").text("登录成功，点击按钮关闭弹窗！");
                        $("#log_form_name").val("");
                        $("#log_form_pwd").val("");

                          //按钮禁用延迟
                        // $("#log_btn").attr("disabled",true);
                        // var i=5;
                        // var timer=setInterval(function() {
                        //     $("#log_btn").val(i+"秒后恢复！");
                        //     i--;
                        //     if(i==0) {
                        //         clearInterval(timer);
                        //         $("#log_btn").val("登录");
                        //         $("#log_btn").attr("disabled",false);
                        //     }
                        // },1000);
                    },
                    error: function(data) {
                         $(".hint_error").parent().slideDown(500).children("p").text("你输入的用户名和密码错误，请重新输入！！！");
                        $("#log_form_name").val("").focus();
                        $("#log_form_pwd").val("");
                        
                    }
            })
        }
        function send() {
            
                                var email=document.querySelector("#Email").value;
                                if(!/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(email)) {
                                        alert("邮箱格式错误!"); 
                                        return false;
                                }
                                // var regu = /^[1][0-9][0-9]{11}$/;
                                // var re = new RegExp(regu);
                                // if (re.test(s)) {
                                // return true;
                                // } 
                            var name=$("#uname").val();
                            var email=$("#Email").val();
                            var message=$("#message").val();
							var data= {
								name:name,
								email:email,
								message:message
							}
							var str=JSON.stringify(data);
                            if(name==""||email==""||message=="") {
                                alert("您的输入不能为空！");
                                return false;
                            }else {
                                $.ajax({
                                url:'http://47.111.244.163:8083/sendMessage',
                                type:'POST',
								
                                data: {
									msg: str 
								},
                                success:function(data) {
                                    alert(data);
                                    $("#uname").val("");
                                    $("#Email").val("");
                                    $("#message").val("");
                                },
                                error:function() {
                                    alert("出错啦！");
                                    }
                                })
                          }
                   
                    }            
    </script>
       
           
            <header class="paralasic" data-paralasic="0.5">
                    <div class="slider">
                            <span>←</span>
                            <div class="con" ><a href="#contact_me">联系我</a></div>
                        </div>
                    <nav>
                        <div class="header_nav">
                            <div class="header_nav_content Container">
                                <ul>
                                    <li class="curren">个人信息 </li>
                                    <li>个人简历</li>
                                    <li>个人论坛</li>
                                    <li>关于个人</a> </li>
                                </ul>
                            </div>
                        </div>
                    </nav>
                   
                    <div class="circle">
                        <!-- <div class="circle_small"></div> -->
                        <img src="images/circle.png" alt="">
                    </div>
                    <div class="header_word">
                        <h2>HELLO</h2>
                        <h1>my name is <b>kimmy,</b></h1>
                        <span>i am a web computer hobbyist.</span>
                    </div>
                    <div class="header_icon">
                        <img src="images/RectangleL.png" alt="">
                        <img src="images/RectangleM.png" alt="">
                        <img src="images/RectangleR.png" alt="">
                    </div>
                    <div class="my_message">
                        <p>Age: <span>21</span> </p>
                        <p>Contury: <span>China</span></p>
                        <p>Working at: <span>School</span></p>
                    </div>
                </header>

                <!-- 主页部分 -->
                <div class="home_page" page="home_page" >
                <main >
                    <div class="about">
                        <div class="about_content Container "  >
                                <div class="about_title">
                                        <div class="circle">
                                           <img src="images/about_circle.png" alt="">
                                        </div>
                                        <h1>ABOUT</h1>
                                        <span></span>
                                        <p>DO YOU WANT TO KNOW ME?</p>
                                       
                                    </div>
                                    <div class="about_middle">
                                        <div class="about_middle_l">
                                            <h2>WHO AM I?</h2>
                                            <p1>你好，我的名字叫薛康，我是一个计算机爱好者 <br>
                                                我最主要从事编程行业，我喜欢研究计算机语言，喜欢探索它的神秘.<br>
                                                我了解的计算机语言有: JAVA  HTML/CSS  JAVASCRIPT  C  C# <br>
                                                 <br><br>
                                                <p2>平时我还喜欢运动，打打篮球，跑跑步，或者约几个朋友出去散散心，逛逛街，当然，作为90后的一员。我有时也和朋友们一起开黑玩游戏，那种感觉真的很不错</p2> </p1>
                                                <div class="about_icon">
                                                    <img src="images/about_iconL.png" alt="">
                                                    <img src="images/RectangleM.png" alt="">
                                                    <img src="images/about_iconR.png" alt="">
                                                </div>
                                        </div>
                                        <div class="about_middle_circle">
                                            <div class="circle">
                                                <img src="images/xk.png" alt="">
                                            </div>
                                        </div>
                                        <div class="about_middle_r">
                                            <h2>MY SKILLS</h2>
                                            <p1>Design Programs</p1><br>
                                            <div class="ps progress_sy">
                                                <div class="progress progress_s" style="width: 30%;">
                                                        <b>PS</b>
                                                    <span class="progress_span">30%</span>
                                                </div>
                                               
                                            </div>
                                            <div class="Android progress_sy">
                                                <div class="progress progress_s" style="width: 30%;">
                                                        <b>JAVA/XML</b>
                                                    <span class="progress_span">30%</span>
                                                </div>
                                            </div>
                                            <p1>Coding Programs</p1>
                                            <div class="java progress_sy">
                                                <div class="progress progress_s" style="width: 50%;">
                                                        <b>J2EE/SPRING</b>
                                                    <span class="progress_span">50%</span>
                                                </div>
                                                
                                            </div>
                                            <div class="web progress_sy">
                                                <div class="progress progress_s" style=" width: 60%;">
                                                        <b>HTML/CSS</b>
                                                    <span class="progress_span">60%</span>
                                                </div>
                                                
                                            </div>
                                            <div class="js progress_sy">
                                                <div class="progress progress_s" style=" width: 70%;">
                                                        <b>javascript/jQuery</b>
                                                    <span class="progress_span">70%</span>
                                                </div>
                                               
                                            </div>
                                            <div class="net progress_sy">
                                                <div class="progress progress_s" style="width:40%;">
                                                    <b>c#桌面开发</b>
                                                    <span class="progress_span">40%</span>
                                                </div>
                                               
                                            </div>
                                        </div>
                                    </div>
                        </div>
                    </div>
                    <div class="portfolio">
                        <div class="portfolio_content Container">
                                <div class="portfolio_title">
                                        <h1>PORTFOLIO</h1>
                                        <span></span>
                                        <p>DO YOU WANT TO KNOW ME?</p>
                                </div>
                                <div class="portfolio_middle">
                                        <div class="portfolio_middle_word">
                                            <p>PROJECT NAME</p>
                                            <h1>沃轩首页(临摹网站)</h1>
                                            <span></span>
                                            <p>PROJECT DESCRIPTION</p>
                                            <ul>
                                                <li>分析</li>
                                                <li>切图</li>
                                                <li>编码</li>
                                                <li>调试</li>
                                            </ul>
                                            <p1>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus pretium sem et justo tempor egestas quis at odio. 
                                                    Suspendisse nunc sem, ultrices congue posuere in, porttitor a sem.</p1>
                                            <span></span>
                                            <p>PROJECT WEB SITE</p>
                                            <ul>
                                                <li><a href="沃轩/index.html" target="_blank">www.woxuan.com</a></li>
												<li><a href="https://www.slannet.com/">上海舒岚网络信息科技有限公司</a></li>
                                            </ul>
                                            </div>
                                            <div class="portfolio_middle_slider">
                                                    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                                                            <!-- Indicators -->
                                                            <ol class="carousel-indicators">
                                                              <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                                                              <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                                                              <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                                                              <!-- <li data-target="#carousel-example-generic" data-slide-to="3"></li> -->
                                                            </ol>
                                                          
                                                            <!-- Wrapper for slides -->
                                                            <div class="carousel-inner" role="listbox">
                                                              <div class="item active">
                                                                <a href="3D魔方/3d.html" target="_blank"><img src="images/1 (1).jpg" alt="..."></a>
                                                                <div class="carousel-caption">
                                                                 
                                                                </div>
                                                              </div>
                                                              <div class="item">
                                                                <img src="images/1 (2).jpg" alt="...">
                                                                <div class="carousel-caption">
                                                                 
                                                                </div>
                                                              </div>
                                                              <div class="item">
                                                                    <img src="images/1 (3).jpg" alt="...">
                                                                    <div class="carousel-caption">
                                                                    </div>
                                                                </div>
                                                                <!-- <div class="item">
                                                                        <img src="images/xl.png" alt="...">
                                                                        <div class="carousel-caption">
                                                                        </div>
                                                                    </div>
                                                            </div> -->
                                                          
                                                            <!-- Controls -->
                                                            <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                                                              <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                                                              <span class="sr-only">Previous</span>
                                                            </a>
                                                            <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                                                              <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                                                              <span class="sr-only">Next</span>
                                                            </a>
                                                          </div>
                       
                    </div>
                </main>
                <footer id="contact_me">
                    <div class="contact">
                        <div class="contact_title">
                                <h1>CONTACT</h1>
                                <span></span>
                                <p>Welcome To Contact Me</p>
                        </div>
                        <div class="contact_icon">
                            <div class="email">
                                    <img src="images/contact-Email.png" alt="">
                                    <p>206379206@qq.com</p>
                            </div>
                            <div class="phone">
                                    <img src="images/contact-Phone.png" alt="">
                                    <p>(+86)16621239541</p>
                            </div>
                        </div>
                        <form >
                            <input type="text" name="uname" id="uname" placeholder="Your Name *" maxlength="10">
                            <input type="text" name="Email" id="Email" placeholder="Your Email *" pattern="\w[-\w.+]*@(163.com|126.com|qq.com)"><br>
                            <textarea name="message" id="message" cols="30" rows="10" placeholder="Your Message *" ></textarea>
                            <input type="button" id="sendbtn"  value="SEND MESSAGE" onclick="send()">
                        </form>
                        <hr>
                        <div class="copyright">
                            <p>&copy2019 personal blog | Only for learning and communication</p>
                        </div>
                    </div>
                </footer>
                </div>  
                
                <!-- 个人简历 -->
                <div class="resume" page="resume" style="display: none;">
                    <div class="resume_content Container">
                            <div class="circle">
                                <img src="images/jl.jpg" alt="">
                            </div>
                            <div class="resume_word">
                                <h1>薛康/kimmy</h1>
                                <span>前端工程师</span>
                                <p>Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti, dolores.Lorem ipsum dolor sit, amet consectetur adipisicing elit. Adipisci perferendis ab quia. Quo officiis iusto consectetur voluptas at sequi, vero nam eos tempore velit ratione culpa asperiores aliquam quaerat illum.</p>
                            </div>
                            <div class="time">
                                <div class="time_copy"></div>
                                <span class="iconfont icon-xuexiao1"></span>
                                <span class="iconfont icon-xuexiao"></span>
                                <span class="iconfont icon-tubiaozhizuomoban-1"></span>
                                <span>2012~2015-初中</span>
                                <span>2015~2018-高中</span>
                                <span>2018~2020-大学</span>
                                <div class="small_circle"></div>
                                <div class="small_circle"></div>
                                <div class="small_circle"></div>
                                <div class="small_circle"></div>
                                <div class="small_circle"></div>
                            </div>
                            <div class="Personal">
                                <div class="work_experience">
                                    <span id="title">工作经验</span>
                                    <ul>
                                        <li><p>学生[<span>2018.9~2020~6</span>]</p>
                                        <span>上海电子信息职业技术学院</span></li>
                                        <li><p>学生[<span>2018.9~2020~6</span>]</p>
                                        <span>上海电子信息职业技术学院</span></li>
                                        <li><p>学生[<span>2018.9~2020~6</span>]</p>
                                        <span>上海电子信息职业技术学院</span></li>
                                        <li><p>学生[<span>2018.9~2020~6</span>]</p>
                                        <span>上海电子信息职业技术学院</span></li>
                                    </ul>
                                </div>
                                <div class="personal_Info">
                                    <span id="title">个人信息</span>
                                    <ul>
                                        <li><p>姓名:<span>薛康</span></p></li>
                                        <li><p>生日:<span>1999.09.24</span></p></li>
                                        <li><p>电话:<span>16621239541</span></p></li>
                                        <li><p>邮箱:<span>206379206@qq.com</span></p></li>
                                        <li><p>地址:<span>上海市奉贤区瓦洪公路3098号</span></p></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="skill">
                                    <div id="WEB">
                                        <div id="title">WEB开发</div>

                                        <div class="ability"><p>掌握技能</p><span class="iconfont icon-xingzhuang60kaobei2"></span>
                                            <span class="iconfont icon-xingzhuang60kaobei2"></span>
                                            <span class="iconfont icon-xingzhuang60kaobei2"></span>
                                            <!-- <span class="iconfont icon-xingzhuang60kaobei2"></span>
                                            <span class="iconfont icon-xingzhuang60kaobei2"></span> -->
                                        </div>
                                        <div class="ability"><p>喜爱程度</p><span class="iconfont icon-xingzhuang60kaobei2"></span>
                                            <span class="iconfont icon-xingzhuang60kaobei2"></span>
                                            <span class="iconfont icon-xingzhuang60kaobei2"></span>
                                            <span class="iconfont icon-xingzhuang60kaobei2"></span>
                                            <span class="iconfont icon-xingzhuang60kaobei2"></span>
                                        </div>
                                        <div class="ability"><p>工作经验</p><span class="iconfont icon-xingzhuang60kaobei2"></span>
                                            <span class="iconfont icon-xingzhuang60kaobei2"></span>
                                            <!-- <span class="iconfont icon-xingzhuang60kaobei2"></span>
                                            <span class="iconfont icon-xingzhuang60kaobei2"></span>
                                            <span class="iconfont icon-xingzhuang60kaobei2"></span> -->
                                        </div>
                                    </div>
                                    <div id="JAVA">
                                        <div id="title">JAVA网页后台开发</div>
                                        <div class="ability"><p>掌握技能</p><span class="iconfont icon-xingzhuang60kaobei2"></span>
                                            <span class="iconfont icon-xingzhuang60kaobei2"></span>
                                            <span class="iconfont icon-xingzhuang60kaobei2"></span>
                                            <!-- <span class="iconfont icon-xingzhuang60kaobei2"></span>
                                            <span class="iconfont icon-xingzhuang60kaobei2"></span> -->
                                        </div>
                                       
                                        <div class="ability"><p>工作经验</p><span class="iconfont icon-xingzhuang60kaobei2"></span>
                                            <span class="iconfont icon-xingzhuang60kaobei2"></span>
                                            <!-- <span class="iconfont icon-xingzhuang60kaobei2"></span>
                                            <span class="iconfont icon-xingzhuang60kaobei2"></span>
                                            <span class="iconfont icon-xingzhuang60kaobei2"></span> -->
                                        </div>
                                        <div class="ability"><p>喜爱程度</p><span class="iconfont icon-xingzhuang60kaobei2"></span>
                                            <span class="iconfont icon-xingzhuang60kaobei2"></span>
                                            <span class="iconfont icon-xingzhuang60kaobei2"></span>
                                            <span class="iconfont icon-xingzhuang60kaobei2"></span>
                                            <span class="iconfont icon-xingzhuang60kaobei2"></span>
                                        </div>
                                    </div>
                                    <div id="IOT">
                                        <div id="title">物联网工程技术</div>
                                        <div class="ability"><p>掌握技能</p><span class="iconfont icon-xingzhuang60kaobei2"></span>
                                            <span class="iconfont icon-xingzhuang60kaobei2"></span>
                                            <span class="iconfont icon-xingzhuang60kaobei2"></span>
                                            <!-- <span class="iconfont icon-xingzhuang60kaobei2"></span>
                                            <span class="iconfont icon-xingzhuang60kaobei2"></span> -->
                                        </div>
                                        <div class="ability"><p>工作经验</p><span class="iconfont icon-xingzhuang60kaobei2"></span>
                                            <!-- <span class="iconfont icon-xingzhuang60kaobei2"></span> -->
                                            <!-- <span class="iconfont icon-xingzhuang60kaobei2"></span>
                                            <span class="iconfont icon-xingzhuang60kaobei2"></span>
                                            <span class="iconfont icon-xingzhuang60kaobei2"></span> -->
                                        </div>
                                        <div class="ability"><p>喜爱程度</p><span class="iconfont icon-xingzhuang60kaobei2"></span>
                                            <span class="iconfont icon-xingzhuang60kaobei2"></span>
                                            <!-- <span class="iconfont icon-xingzhuang60kaobei2"></span>
                                            <span class="iconfont icon-xingzhuang60kaobei2"></span>
                                            <span class="iconfont icon-xingzhuang60kaobei2"></span> -->
                                        </div>
                                       
                                    </div>
                            </div>
                            <div class="other_hobby">
                                    <div id="title">其他爱好</div>
                                    <div class="other_icon">
                                        <ul>
                                            <li><span class="iconfont icon-lvhang"></span>
                                            <b>旅行</b></li>
                                            <li><span class="iconfont icon-icon-test"></span><b>听音乐</b></li>
                                            <li><span class="iconfont icon-jisuanji"></span><b>计算机</b></li>
                                            <li><span class="iconfont icon-lanqiu"></span><b>打篮球</b></li>
                                            <li><span class="iconfont icon-biancheng"></span><b>编程</b></li>
                                            <li><span class="iconfont icon-jiaoyou"></span><b>交友</b></li>
                                            <li><span class="iconfont icon-wanyouxi"></span><b>娱乐</b></li>
                                        </ul>
                                    </div>
                                    
                            </div>
                    </div>
                   
                </div>
               
                <!-- 个人论坛 -->
                <div class="forum" page="me" style="display: none;">
                    <div class="forum_content Container">
                        <div class="forum_content_left">
                            <div class="my_information">
                                <img class="head_picture" src="images/touiang.jpg"/>
                                <p>姓名:<span id="id">请登录</span></p>
                                <p>性别:<span id="sex">xx</span></p>
                                <p>职业:<span id="zhiye">xxx</span></p> 
                            </div>

                        </div>
                        <!-- 登录注册框 -->
                        <div class="hint" style="display:none;z-index: 2;background-color:rgba(0, 0, 0, 0.5) ;">
                            <p></p>
                            <img  class="hint_error error_style" src="images/error.png"  alt="">
                        </div>
                        <div class="forum_login" style="display: none;">
                                <img class="forum_error error_style" src="images/error.png"  alt="">
                                <p><span id="l">Login</span>/<span id="reg">Sign Up</span></p>
                                <form id="log_form" action="" method="POST">
                                        <div class="name"><input type="text" name="log_form_name" id="log_form_name"></input><span>Username</span> </div>
                                        <div class="pwd"><input type="password" name="log_form_pwd" id="log_form_pwd"><span>Password</span></div> 
                                        <i><a href="javascript:;">forget?</a></i>
                              <input type="button" id="log_btn" value="登录" onclick="login()">
                                </form>
                                <form id="reg_form" action="" style="display: none;"> 
                                        <div class="name"><input type="text" name="reg_form_name" id="reg_form_name"></input><span>Username</span> </div>
                                        <div class="pwd"><input type="password" name="reg_form_pwd" id="reg_form_pwd"><span>Password</span></div> 
                                        <div class="profession">
                                            <input type="text" maxlength="10" name="profession" id="profession"><span>profession</span>
                                        </div>
                                        <div class="reg_sex"><select id="reg_sex">
                                            <option value="男">男</option>
                                            <option value="女">女</option>
                                        </select></div>
                                        <input type="button" id="reg_btn" value="注册" onclick="register()">
                                </form>
                        </div>
                        <div class="forum_content_right">
                            <div class="form_content_right_top">
                                <span>个人论坛</span>
                                <b>登录/注册</b>
                            </div>
                        </div>
						<!--详情页显示-->
						<div class="details">
							<ul>
								<li></li>
							</ul>
						</div>
                    </div>    
                </div>
                <!-- 关于我 -->
                <div class="me" page="me" style="display: none;">关于我</div>
                <footer id="footer"> <a href="http://www.beian.miit.gov.cn">沪ICP备19044496号</a> </footer>
   <script>
      
      var paralasicValue = $('.paralasic').attr('data-paralasic');
    $('.paralasic').css('background-position', 'center top -' + $(this).scrollTop * paralasicValue + 'px');  
   
    $('.carousel').carousel({
    interval: 2000
    })

    window.alert = function(name){

var iframe = document.createElement("IFRAME");
iframe.style.display="none";
iframe.setAttribute("src", 'data:text/plain,');
document.documentElement.appendChild(iframe);
window.frames[0].window.alert(name);
iframe.parentNode.removeChild(iframe);
};


window.confirm = function (message) {
    var iframe = document.createElement("IFRAME");
    iframe.style.display = "none";
    iframe.setAttribute("src", 'data:text/plain,');
    document.documentElement.appendChild(iframe);
    var alertFrame = window.frames[0];
    var result = alertFrame.window.confirm(message);
    iframe.parentNode.removeChild(iframe);
    return result;
};
    
        //  var str="";
        //  var btn=document.querySelector("#btn");
        //  var patt1 = new RegExp("\w[-\w.+]*@(163.com|126.com|qq.com)");
        //  btn.addEventListener("click",function() {
        //     var email=document.querySelector("#aemail").value;
            
        //     if(!/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(email)) {
        //              alert("邮箱格式错误!"); 
        //     }
        //     var regu = /^[1][0-9][0-9]{11}$/;
        //     var re = new RegExp(regu);
        //     if (re.test(s)) {
        //     return true;
        //     } 
        //  })
       
        
        
    
   
   </script>
</body>
</html>